<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta charset="UTF-8">
    <meta name="keyword" content="犀牛故事">
    <meta name="description" content="这是个故事app">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="../components/materialize/dist/css/materialize.css"  media="screen,projection"/>
    <link rel="stylesheet" href="../components/materialize/dist/css/reset.css">
    <link rel="stylesheet" href="../css/discover.css">

</head>
<body ng-controller="mydiscoverctr">
<article class="s-main-layout">
<div class="main">

    <!--ui图标-->
    <div class="storylist">
        <ul>
            <li ng-repeat="val in discoverUi">
                <a href="#">
                    <img  ng-src={{val.img_url}} alt="{{val.title}}">
                    <p>{{val.title}}</p>
                </a>
            </li>
        </ul>
    </div>

    <!--排行榜-->
    <div ng-repeat="doc in discoverTop | filter:{recommendType:6} | limitTo:3  ">
    <div class="storytype">
        <p class="s-left">{{doc.title}}</p>
        <a class="s-right" href="#" >查看更多 > </a>
    </div>
    <div class="storytopbox">
        <a class="s-left storyoneimg" href="#">
            <img ng-src={{doc.cover_url}}>
        </a>
        <div class="storytop">
            <ul>
                <li><a href="#">
                    <p class="storytoptitle nowrap-multil">1.{{doc.data[0].title}}-{{doc.data[0].nickname}}</p>
                </a></li>
                <li><a href="#">
                    <p class="storytoptitle nowrap-multil">2.{{doc.data[1].title}}-{{doc.data[1].nickname}}</p>
                </a></li>
                <li><a href="#">
                    <p class="storytoptitle nowrap-multil">3.{{doc.data[2].title}}-{{doc.data[2].nickname}}</p>
                </a></li>
                <li><a href="#">
                    <p class="storytoptitle nowrap-multil">4.{{doc.data[3].title}}-{{doc.data[3].nickname}}</p>
                </a></li>
            </ul>

        </div>
    </div>
    </div>
    <!--热门专题-->
    <div class="storytype">
        <p class="s-left">全站最热榜</p>
        <a class="s-right" href="#"></a>
    </div>
    <div class="storytopbox storyzt">
        <a href="#">
            <img ng-src={{discoverTop[5].data[0].cover_url}} alt="">
        </a>
        <a href="#">
            <img ng-src={{discoverTop[5].data[1].cover_url}} alt="">
        </a>
        <a href="#">
            <img ng-src={{discoverTop[5].data[2].cover_url}} alt="">
        </a>
    </div>

    <!--排行榜-->
    <div ng-repeat="dov in discoverTop | filter:{recommendType:6} | limitTo:-5 ">
        <div class="storytype">
            <p class="s-left">{{dov.title}}</p>
            <a class="s-right" href="#" >查看更多 > </a>
        </div>
        <div class="storytopbox">
            <a class="s-left storyoneimg" href="#">
                <img ng-src={{dov.cover_url}}>
            </a>
            <div class="storytop">
                <ul>
                    <li><a href="#">
                        <p class="storytoptitle nowrap-multil">1.{{dov.data[0].title}}-{{dov.data[0].nickname}}</p>
                    </a></li>
                    <li><a href="#">
                        <p class="storytoptitle nowrap-multil">2.{{dov.data[1].title}}-{{dov.data[1].nickname}}</p>
                    </a></li>
                    <li><a href="#">
                        <p class="storytoptitle nowrap-multil">3.{{dov.data[2].title}}-{{dov.data[2].nickname}}</p>
                    </a></li>
                    <li><a href="#">
                        <p class="storytoptitle nowrap-multil">4.{{dov.data[3].title}}-{{dov.data[3].nickname}}</p>
                    </a></li>
                </ul>

            </div>
        </div>
    </div>

</div>
</article>

<script type="text/javascript" src="../components/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="../components/materialize/dist/js/materialize.min.js"></script>
<script type="text/javascript" src="../components/angular/angular.js"></script>
<script type="text/javascript" src="../components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="../script/discover.js"></script>

</body>
</html>
